{extend name="public:layoutnhq" /}
{block name="title"}{$webConfig['WEBNAME']}-农化圈商品频道页{/block}
{block name="head"}
<script type="text/javascript" src="/public/plugins/timedown/jquery.yomi.js"></script>
{/block}
{block name="body"}
{include file="public/header_nhq"/}
<div class="mc-full-focus goods-channel-banner">
    <ul class="mc-channel-catnav cat-item-4">
        <li class="mainCate">
            <div class="cat-box">
                <a href="javascript:;" class="block-link"></a>
                <img src="../static/nhq_img/cat_icon%20(1).jpg" class="icon"/>
                <span class="cat-name">除草剂</span>
            </div>
        </li>
        <li class="mainCate evenLeval">
            <div class="cat-box">
                <a href="javascript:;" class="block-link"></a>
                <img src="../static/nhq_img/cat_icon%20(2).jpg" class="icon"/>
                <span class="cat-name">杀虫剂</span>
            </div>
        </li>
        <li class="mainCate">
            <div class="cat-box">
                <a href="javascript:;" class="block-link"></a>
                <img src="../static/nhq_img/cat_icon%20(3).jpg" class="icon"/>
                <span class="cat-name">杀菌剂</span>
            </div>
        </li>
        <li class="mainCate evenLeval">
            <div class="cat-box">
                <a href="javascript:;" class="block-link"></a>
                <img src="../static/nhq_img/cat_icon%20(4).jpg" class="icon"/>
                <span class="cat-name">植物生长调节剂</span>
            </div>
        </li>
    </ul>
    <div class="bd">
        <ul class="focus-img">
            <li class="item" _src="url(../static/nhq_img/goods_banner.jpg)" style="background:#fff bottom center no-repeat;"><a class="link" href="javascript:;"></a></li>
        </ul>
    </div>
    <div class="hd"><ul></ul></div>
    <span class="prev">
        <i class="iconfont icon-zuoyou1"></i>
    </span>
    <span class="next">
        <i class="iconfont icon-zuoyou"></i>
    </span>
</div>
<script type="text/javascript">
    /* 控制左右按钮显示 */
    jQuery(".mc-full-focus").hover(function(){ jQuery(this).find(".prev,.next").stop(true,true).fadeTo("show",0.5) },function(){ jQuery(this).find(".prev,.next").fadeOut() });
    /* 调用SuperSlide */
    jQuery(".mc-full-focus").slide({ titCell:".hd ul", mainCell:".bd ul", effect:"fold",  autoPlay:true, autoPage:true, trigger:"click",
        startFun:function(i){
            var curLi = jQuery(".mc-full-focus .bd li").eq(i); /* 当前大图的li */
            if( !!curLi.attr("_src") ){
                curLi.css("background-image",curLi.attr("_src")).removeAttr("_src") /* 将_src地址赋予li背景，然后删除_src */
            }
        }
    });
</script>
<script type="text/javascript">
    jQuery(".mc-channel-catnav").slide({
        type:"menu", //效果类型
        titCell:".mainCate", // 鼠标触发对象
        targetCell:".subCate", // 效果对象，必须被titCell包含
        delayTime:0, // 效果时间
        triggerTime:0, //鼠标延迟触发时间
        defaultPlay:false,//默认执行
        returnDefault:true//返回默认
    });
</script>
<!--每日推荐 五个推荐商品，超过五个左右翻动-->
<div class="index-row-2 bg-gary nav-scroll-sign">
    <div class="g-container">
        <div class="mc-title-row-center">
            <h2 class="title">
                每日推荐
            </h2>
        </div>
        <div class="mainbox">
            <div class="mc-picScroll-left2">
                <a class="next"><i class="iconfont icon-zuoyou1"></i></a>
                <a class="prev"> <i class="iconfont icon-zuoyou"></i></a>
                <div class="bd">
                    <ul class="picList">
                    	{volist name=":goods_list(0, 0, 5,['is_commend'=>1])" id="vo"}
                        <li>
                            <div class="mc-goods-item2">
                                <a href="{:url('goods')}" class="link"></a>
                                <div class="img-thumb">
                                    <img src="{$vo.album_arr[0]}" alt="">
                                </div>
                                <div class="goodsname">
                                    {:msubstr($vo.goods_name, 0, 26)}
                                </div>
                                <div class="pricebox">
                                    ￥<b class="goods-price">{$vo.simple_price}</b>/{$vo.goods_unit}
                                </div>
                            </div>
                        </li>
                        {/volist}

                    </ul>
                </div>
            </div>
            <script type="text/javascript">
                jQuery(".mc-picScroll-left2").slide({titCell:".hd ul",mainCell:".bd ul",autoPage:true,effect:"left",autoPlay:true,vis:5,trigger:"click"});
            </script>
        </div>
    </div>
</div>
<!--楼层循环-->
{volist name=":goods_channel_list(0, 0, 10)" id="vo"}
<div class="channel-floor channel-floor1">
    <div class="floor-title">
        <h2 class="tit floor-icon"><span class="floor-num">1F</span>{$vo.cat_name}</h2>
        <a href="{:url('goodsList')}" class="more-link">查看更多&gt;</a>
    </div>
    <div class="floorbox">
        <div class="floor-adbox">
            <div class="mc-focus-img">
                <div class="hd">
                    <ul>
                        <li>1</li>
                        <li>2</li>
                    </ul>
                </div>
                <div class="bd">
                    <ul>
                        <li class="cat-focus-item">
                            <img src="{$vo.cat_image}" />
                        </li>
                        <li class="cat-focus-item">
                            <img src="{$vo.extend1}" />
                        </li>
                    </ul>
                </div>
            </div>
        </div>
        <div class="floor-main-box mc-avg-5" >
            <ul>
            	{volist name="vo.goodsList" id="good"}
                <li class="item">
                    <div class="mc-goods-item3">
                        <a href="{:url('goods')}" class="link"></a>
                        <div class="img-thumb">
                            <img src="{$good.album_arr[0]}" alt="">
                        </div>
                        <div class="goodsname">
                            {:msubstr($good.goods_name, 0, 26)}
                        </div>
                        <div class="pricebox">
                            ￥<b class="goods-price">{$good.simple_price}</b>
                        </div>
                    </div>
                </li>
                {/volist}
            </ul>
        </div>
    </div>
</div>
{/volist}
{include file="public/footer"/}
<!--楼层导航-->

{/block}
{block name="script"}
<script type="text/javascript">
    jQuery(".mc-focus-img").slide({mainCell:".bd ul",effect:"left",autoPlay:true,delayTime:700,interTime:5000});
</script>
{/block}
